<template>
  <div id="app">
    <div class="heaer">
      <Mheader :seller='seller'></Mheader>
    </div>
    <div class="tab">
      <div class="tab-item">
        <router-link to="/goods">商家</router-link>
        </div>
      <div class="tab-item"><router-link to="/seller">商家</router-link></div>
      <div class="tab-item"><router-link to="/ratings">评论</router-link></div>
    </div>

    <div class="content">
      <router-view></router-view>
    </div>

  </div>
</template>

<script>
import header from './components/header/header';
import "../static/css/reset.css";
import {getSeller} from './api';
export default {
  name: 'App',
  data(){
    return{
      seller:{}
    }
  },
  components:{
    'Mheader':header
  },
  created(){
    console.log(1111);
    
    this.getSeller()
  },
  methods: {
    async getSeller(){
      let result=await getSeller();
      this.seller=result.data;
      console.log(this.seller);
    }
  }
}
</script>

<style lang="less" scoped>
.tab {
    display: flex;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid rgba(7,17,27,0.1);
    .tab-item{
      flex: 1;
      text-align: center;
      a{
        display: block;
        text-decoration: none;
        font-size: 14px;
        color: rgb(77,85,93);
        
      }
      .active {
        color: rgb(240,20,20)
      }
    }


}

</style>

